<template>
    <div id="abc">
        <p>单个复选框：</p>
      <input type="checkbox" v-model="check" />{{check}}
      <p>多个复选框：</p>
      <input type="checkbox" id="check1" value="aa" v-model="mutChcek" />
      <label for="check1" >aa</label>
      <input type="checkbox" id="check2" value="bb" v-model="mutChcek" />
      <label for="check2" >bb</label>
      <input type="checkbox" id="check3" value="cc" v-model="mutChcek" />
      <label for="check3" >cc</label>
      <br />
      <p>选择的结果是{{mutChcek}}</p>
      <p>单选</p>
      <input type="radio" value="taobao" v-model="picked" />taobao
      <input type="radio" value="baidu" v-model="picked" />baidu
      <p>单选的结果{{picked}}</p>
      <p>下拉选择</p>
      <select v-model="selected">
        <option value="">选择一个网站</option>
        <option value="baidu">baidu</option>
        <option value='taobao'>taobao</option>
      </select>
      <p>下拉选择的网址是{{selected}}</p>
     </div>
</template>

<script>
export default {
  data () {
    return {
      check: false,
      mutChcek:[],
      picked:'taobao',
      selected:''
    }
  }
}
</script>

<style scoped>
</style>
